<template>
   <div>
    <img :src="item.url" alt="" width="100%" height="100rem" />
    <h2>
      {{ item.name }}
      {{ item.title }}
    </h2>
    <p> 
      {{ item.person }}
    </p>
    <p class="sj"> 
      {{ item.price }}
    </p>
    <p> 
      规格:{{ item.sizeRoom }}
    </p>
    <p> 
      发货:{{ item.state }}
    </p>
  </div>
</template>

<script setup>
    import {useRoute}from 'vue-router'
    const route = useRoute()
    console.log(route);
    const item = route.query
    console.log(item);
    
</script>

<style lang="scss" >
p{
  margin: 10px;
  font-size: 30px;
}
.sj{
  color: red;
}

</style>